import React, { PureComponent } from "react";
import { connect } from "dva";
// import { routerRedux, Link } from 'dva/router';
import { Form, Button, Steps, Icon } from "antd";
import "./Enroll.less";
import EnterpriseRegisterIcon from "../../assets/images/enterprise_register.png";
import PersonalRegisterIcon from "../../assets/images/personal_register.png";
import IconS from "../../components/IconS";

const { Step } = Steps;

@connect(state => ({
  register: state.register
}))
@Form.create()
export default class Enroll extends PureComponent {
  constructor(props, context) {
    super(props, context);
    this.state = {
      // count: 0,
    };
  }
  /******************************生命周期******************************/

  componentDidMount = () => {};
  /******************************ajax请求******************************/

  /******************************相关事件******************************/

  /******************************render******************************/

  render() {
    return (
      <div className="Enroll">
        <div className="enroll-header">
          <div className="head-portrait">
            <IconS type="logo-" />
            <span className="head-portrait-text">
              <span style={{ fontSize: "18px" }}>百保盾</span>
              <br />
              <span style={{ fontSize: "12px" }}>改变工作 改变你</span>
            </span>
          </div>
          <div className="head-portrait-register">
            <span
              style={{ cursor: "pointer" }}
              onClick={() => this.props.history.push("LogOn")}
            >
              登录
            </span>
          </div>
        </div>
        <div
          className="enroll-main"
          style={{ minHeight: "calc(100vh - 260px)" }}
        >
          <div className="enroll-content">
            <div className="enroll-container">
              <div className="enroll-category" style={{ width: "340px" }}>
                <dl className="enroll-dl">
                  <dt className="enroll-text">企业注册</dt>
                  <dd className="enroll-img">
                    <img src={EnterpriseRegisterIcon} alt="" />
                  </dd>
                  <dd className="enroll-btn">
                    <Button
                      onClick={() =>
                        this.props.history.push("EnterpriseRegistration")
                      }
                      type="primary"
                      size="large"
                    >
                      注册
                    </Button>
                  </dd>
                </dl>
              </div>
              <div className="enroll-category enroll-border">
                <dl className="enroll-dl">
                  <dt className="enroll-text">个人注册</dt>
                  <dd className="enroll-img">
                    <img src={PersonalRegisterIcon} alt="" />
                  </dd>
                  <dd className="enroll-btn">
                    <Button
                      onClick={() =>
                        this.props.history.push("PersonalRegistration")
                      }
                      type="primary"
                      size="large"
                    >
                      注册
                    </Button>
                  </dd>
                </dl>
              </div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
